----------------------------------------------- Blogger Template Style Name:Idcitizen magz 2.0 Template Designer:Nabil balwell URL:http://www.rumusblogger.com http://nabilbalwell.idcitizen.com ----------------------------------------------- */   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1; display:block}
*{margin:0; padding:0}
html{display:block}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:&#39; &#39; ; content:none}
table{border-collapse:collapse; border-spacing:0}
 .navbar, .post-feeds, .feed-links{display:none}
.section, .widget{margin:0 0 0 0; padding:0 0 0 0}
strong, b{font-weight:bold}
cite, em, i{font-style:italic}
a:link{color:#8AC339; text-decoration:none; outline:none; transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s}
a:visited{color:#8AC339; text-decoration:none}
a:hover{color:#0072C6; text-decoration:none}
a img{border:none; border-width:0; outline:none}
abbr, acronym{border-bottom:1px dotted; cursor:help}
sup, sub{vertical-align:baseline; position:relative; top:-.4em; font-size:86%}
sub{top:.4em}
small{font-size:86%}
kbd{font-size:80%; border:1px solid #999; padding:2px 5px; border-bottom-width:2px; border-radius:3px}
mark{background-color:#ffce00; color:black}
p, blockquote, pre, table, figure, hr, form, ol, ul, dl{margin:1.5em 0}
hr{height:1px; border:none; background-color:#666}
 h1, h2, h3, h4, h5, h6{font-weight:bold; line-height:normal; margin:0 0 0.6em}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}
 ol, ul, dl{margin:.5em 0em .5em 3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
 input, button, select, textarea{font:inherit; font-size:100%; line-height:normal; vertical-align:baseline}
textarea{display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
 pre, code{font-family:&quot; Courier New&quot; ,Courier,Monospace; color:inherit}
pre{white-space:pre; word-wrap:normal; overflow:auto}
blockquote{background:#f0f0f0; margin-left:2em; margin-right:2em; padding:1em 1em; font-style:italic; font-size:110%}
blockquote:before{content:"\f10d"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px; color:#666}
  .post-body table[border=&quot; 1&quot; ] th, .post-body table[border=&quot; 1&quot; ] td, .post-body table[border=&quot; 1&quot; ] caption{border:1px solid; padding:.2em .5em; text-align:left; vertical-align:top}
.post-body table.tr-caption-container{border:1px solid #e5e5e5}
.post-body th{font-weight:bold}
.post-body table[border=&quot; 1&quot; ] caption{border:none; font-style:italic}
.post-body table{}
.post-body td, .post-body th{vertical-align:top; text-align:left; font-size:13px; padding:3px 5px; border:1px solid #e5e5e5}
.post-body th{background:#f0f0f0}
.post-body table.tr-caption-container td{border:none; padding:8px}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img{max-width:100%; height:auto}
.post-body td.tr-caption{color:#666; font-size:80%; padding:0px 8px 8px !important}
img{max-width:100%; height:auto; border:0}
table{max-width:100%}
body#layout #wrapper, body#layout .post-container, body#layout .sidebar-container{padding:0 0 0 0}
body#layout #header-wrapper{margin-top:60px}
body#layout .panel{float:left; width:79px}
.clear{clear:both}
.clear:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
body{background:#ddd none repeat scroll top left; margin:0 0 0 0; padding:0 0 0 0; color:#333; font:normal normal 13px Arial,sans-serif; text-align:left}
 #wrapper{background:#f9f9f9; max-width:1000px; margin:20px auto; padding:28px; box-shadow:0px 0px 5px rgba(80,80,80,0.1); overflow:hidden; border:1px solid #e5e5e5; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
 .menu{font:normal normal 12px Arial,sans-serif; padding:0 0; background:#fff; margin:0 auto; height:38px; border:1px solid #e5e5e5; overflow:hidden; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.nav-menu{list-style-type:none; margin:0 0 0 0; padding:0 0 0 0}
.nav-menu li{display:block; float:left; line-height:38px; margin:0 0 0 0; padding:0 0 0 0; border-right:1px solid #e5e5e5}
.nav-menu li a{background:#fff; color:#666; display:block; padding:0 8px}
.nav-menu li a:hover{background:#f5f5f5}
ul.nav-social{height:38px; margin:0 0 0 0; padding:0 0; float:right}
ul.nav-social li{display:inline-block; list-style-type:none; float:right; margin:0 0; padding:0 0; border-right:none; border-left:1px solid #e5e5e5}
ul.nav-social li a{display:inline-block; line-height:38px; height:38px; padding:0 8px; margin:0 0 0 0; color:#666}
ul.nav-social li a i{line-height:38px}
ul.nav-social li a:hover{color:#fff}
ul.nav-social li a.fcb:hover{background:#3B5A9B}
ul.nav-social li a.gpl:hover{background:#DD4B39}
ul.nav-social li a.twt:hover{background:#1BB2E9}
ul.nav-social li a.ytb:hover{background:#ED3F41}
 #header-wrapper{margin:0 auto; overflow:hidden}
.header{float:left; width:25.7%; max-width:257px; margin:15px 0}
.header h1.title, .header p.title{font:normal bold 24px Fjalla One,Arial,Helvetica,sans-serif; margin:0 0 0 0; text-transform:uppercase}
.header .description{color:#555}
.header a{color:#333}
.header a:hover{color:#999}
.header img{display:block}
.header-right{float:right; padding:0; overflow:hidden; margin:15px 0; width:72.8%; max-width:728px}
.header-right img{display:block}
 .toggleMenu{display:none; background:#E73138; padding:0 15px; height:48px; line-height:48px; color:#fff !important}
#nav{font:normal bold 12px Arial,sans-serif; background:#333; text-transform:uppercase; height:48px; line-height:48px}
.nav-menu2{background:#333; list-style:none; margin:0 0 0 0; *zoom:1; float:left}
.nav-menu2:before, .nav-menu2:after{content:""; display:table}
.nav-menu2:after{clear:both}
.nav-menu2 ul{list-style:none; margin:0 0 0 0; width:12em}
.nav-menu2 a{display:block; padding:0 15px}
.nav-menu2 li{position:relative; margin:0 0}
.nav-menu2 >li{float:left}
.nav-menu2 >li >a{display:block; height:48px; line-height:48px; color:#fff; box-shadow:0 4px 0 #333 inset}
.nav-menu2 >li >a.active{background:#222; box-shadow:0 4px 0 #3690D4 inset}
.nav-menu2 >li:hover >a{background:#222; box-shadow:0 4px 0 #8AC339 inset}
.nav-menu2 li ul{background:#fff; display:block; position:absolute; left:0; z-index:10; visibility:hidden; opacity:0; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; border:1px solid #d9d9d9; border:1px solid rgba(217,217,217,1); box-shadow:0 0 2px rgba(0,0,0,0.2)}
.nav-menu2 li li ul{left:100%; top:-1px}
.nav-menu2 >li.hover >ul{visibility:visible; opacity:10}
.nav-menu2 >li >ul:before{content:""; width:0px; height:0px; position:absolute; bottom:100%; left:20px; border-width:8px; border-style:solid; border-color:transparent transparent #fff transparent; display:block}
.nav-menu2 li li.hover ul{visibility:visible; opacity:10}
.nav-menu2 li li a{display:block; color:#333; position:relative; z-index:100; line-height:32px}
.nav-menu2 li li a:hover{background:#f0f0f0}
.nav-menu2 li li li a{background:#fff; z-index:20; color:#333}
.nav-menu2 li .parent:after{content:"\f107"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-left:6px}
#search-form{background:#333; float:right; margin:0 0; width:200px}
#search-form table{width:100%; margin:0 0 0 0}
#search-form td.search-box{padding-right:30px}
#search-form input#search-box[type="text"]{background:#fff; height:36px; line-height:36px; margin:5px 0 5px 10px; padding:0 10px; width:99%; color:#666; border:none}
#search-form input#search-button[type="submit"]{font-family:FontAwesome; background:#3690D4; color:#fff; height:36px; line-height:36px; margin:5px 10px 5px 0; padding:0 12px; border:none; outline:none; transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s}
#search-form input#search-button[type="submit"]:hover{background:#222; cursor:pointer}
#search-form input#search-box[type="text"]:focus{background:#eee; outline:none}
 #content-wrapper{background-color:transparent; background-image:url(http://4.bp.blogspot.com/-wpeqfcBoFGo/VN2qSF1NcDI/AAAAAAAAEec/BwznC6_gUkM/s1600/NABIL-BALWELL-LIST.png); background-repeat:repeat-x; background-position:top center; margin:0 auto; padding:5px 0 0; word-wrap:break-word}
.largebanner{background:#fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5}
.largebanner .widget{padding:15px 14px; overflow:hidden}
.largebanner img, .largebanner iframe{display:block; max-width:100%; border:none; overflow:hidden}
 #post-wrapper{background:transparent; float:left; width:55%; max-width:550px; margin:0 0 10px}
.post-container{padding:15px 15px 0 0}
#right-post{background:transparent; float:left; width:12%; max-width:120px; margin:15px 5px 0px 0}
#right-post img{display:block; margin:0 auto}
.breadcrumbs{font-size:11px; color:#666; padding:15px; margin:0 0 15px; background:#fff; border:1px solid #e5e5e5; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.post{background:#fff; border:1px solid #e5e5e5; margin:0 0 15px; padding:15px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.post-body{line-height:1.6em}
h2.post-title, h1.post-title{font:normal normal 20px Fjalla One,Helvetica,Arial,sans-serif}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title{color:#8AC339}
h2.post-title a:hover, h1.post-title a:hover{color:#0072C6}
.img-thumbnail{background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center; position:relative; float:left; width:100px; height:60px; margin:0 15px 0 0}
.img-thumbnail img{width:100px; height:60px}
span.rollover{opacity:0; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; background:#333; cursor:pointer; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0}
span.rollover:before{content:""; position:absolute; background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADx0RVh0QUxUVGFnAFRoaXMgaXMgdGhlIGljb24gZnJvbSBHZW50bGVmYWNlLmNvbSBmcmVlIGljb25zIHNldC4g2GvoxAAAAB90RVh0Q29weXJpZ2h0AFJPWUFMVFkgRlJFRSBMSUNFTlNFIN7Zi2kAAABFaVRYdERlc2NyaXB0aW9uAAAAAABUaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuILwR+BoAAAAjaVRYdENvcHlyaWdodAAAAAAAUk9ZQUxUWSBGUkVFIExJQ0VOU0UgJ10KSgAAAidJREFUeNqsVUuO2kAQtROQBomFhZBAIIRBYh3nBuMbMCcI3IAbZOYEmTkBzAnMMjvmBrBnkUYgxD9e8QfnlVVGlmVsQ6akJ7e6X326uqosSTfI+XxWgGfgj+UR7BnAo3SvHI/H6ul0+gtYITDAVRw9OYrxw+FQw6fp2hKyLL/TF1BxgW/4Vl3nPUCPx+NmqPHdbqft93vLhYYfD/sq0HV40DMipWa73XYAi1GNwO+6+MFvsl6vtc1mYzGaUQICT3V0oG98CSIjt1VUhsR4ieIgkUgIcFukQ/qxEAeXdTKZFFErDnoDZx0LqfuiUzU39ouI6sCJRL3RwYUf9gaC0kRYrVa1Gxz8YD0R5qANsskP9nOxWChhxpfLZQNclQvjPdBBKpUyQX7jaKhjjfl8ftUJzmrg/GI+6b4GOphOpw3MFiq5Ht/iEehivwYoLp46m82aOGu6yrqeTqdN31k0mUwUnj3UuSbmzneKHmvNQxV+BQB+PZPJtGj91Xs4Ho8VGOtg6bT5A41h7Ok0mtjJA5950/UBPGWz2d++03Q0Ginw3vGJlKSdz+efKAC+mTfydi6X63mVLn0wHA41TsO1mrebB0ZoBLeilqx9g8FgoHHkvhWCs5dCofB8z49KFkJQOoKM14vFYku6U2L8oNdqu66q6t3G7VFBg8lVuw6oSfRSqfRfxm0HZMg9c7gD9XK5/CF9gtiP3O/3NU4V5VyvVCo96ZPknwADAKtR4YfNlLm3AAAAAElFTkSuQmCC) 50% 50% no-repeat; width:24px; height:24px; margin:-12px; top:50%; left:50%}
span.rollover:hover{opacity:.7; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s}
.post-info{background:transparent; margin:0 0 12px; color:#666; font-size:11px}
.post-info a{display:inline-block; color:#666}
.author-info, .time-info, .comment-info, .label-info, .review-info{margin-right:12px; display:inline}
a.readmore{display:inline-block; margin:15px 0 0; background-color:#fff; border:1px solid #ddd; padding:0px 10px; line-height:26px; color:#333; font-size:11px; font-weight:bold; text-transform:uppercase}
a.readmore:hover{border:1px solid #aaa; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
 .pagenavi{clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase}
.pagenavi span, .pagenavi a{padding:6px 10px; margin-right:3px; display:inline-block; color:$(readmore.color); background-color:$(readmore.background.color); border:1px solid $(readmore.border.color)}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover{border:1px solid $(readmore.hover.color); -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.pagenavi .pages{display:none}
 #sidebar-wrapper{background:transparent; float:right; width:30%; max-width:300px; margin:0 auto}
.sidebar-container{padding:15px 0}
.sidebar h2, .panel h2{font:normal bold 12px Arial,sans-serif; color:#333; margin:0 0 10px 0; padding:6px 0; border-bottom:2px solid #8AC339; text-transform:uppercase; position:relative}
.sidebar h2:after, .panel h2:after{content:""; width:90px; height:0px; position:absolute; left:0; bottom:-2px; border-bottom:2px solid #3690D4}
.sidebar .widget{margin:0 0 15px}
.sidebar ul, .sidebar ol{list-style-type:none; margin:0 0 0 0; padding:0 0 0 0}
.sidebar li{margin:5px 0; padding:0 0 0 0}
 .recent-post-title{background:#fff url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABiwAAAYsB4dDSvAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATySURBVEiJbZV9jFRnFYef887szrpi2qXazUp3mfe9Y20xIaHYhETj8iVGaKCBUC0tVoQoGvwgITRKiGCU+hGxwaCGRE0gUtLSFlCIQHddmsa0icSmJhuWzL13d9yATSMbTAu7Ozv3+MeeC8PH/DVvTs7z/s457z0/UVUBFCCO450i8iOmf4NZli2sVCrvASRJ8mngNeAeYBx4LITQBzA0NPSRYrF4RkQWWO7PRVWxxGeBn1pgSER6vffvAlSr1XnOuT6gA5hwzq0ql8unAQYHB2e0tbX9FfiM5T4fQthaNOjWJmi1paVlcXd397sAaZrOdc69ZtBJYE0OvXz5cnupVPpLE3R/CGErgEvTdAuwF0BEkizLFnV3d18ypZ9S1T5gJlDPsuyJEMJJgNHR0Q9dv379zyLSa7kHQgjftguQOI4zQIARK38EYGRk5OFGozEA3A9MiciT3vujdmHJOXcCWGacP4YQNjbN6jvOoKOFQmFRDk2S5MFGo9Fn0Iaqrs+hg4ODrc65V3Koqh4KIWzKoUmSfFNEfuVU9ZKqLpo9e3ZqaiKgH+gCMhHZEEXREYDz58+3lEqll4DlpvRIFEUbgMzmsQnYD9Sdc25xFEVVK9875/4GzDIFm7z3hwAGBgaKHR0dR0RkpUGP1mq19UDDyv+qqh7IO9D83HqA14HZ0xXq5iiKDhikEMfxYRF5wgZ1/MqVK2vnz59ft9yngIOAs7Z+TlSVarX6QKFQOKeqwRK3eO/3G9QlSXIIWGfnk+Pj46vnzJkzaUq/JCJ/AgqqegnojaKoKrVa7eP1en0A+IQlbg0hPJ9D0zT9g6o+Y4M6raqrKpXKhCldAxwBisB/RGSh934IwNXr9f4cqqrbm6CSJMmBHAr0FQqFx3NotVpdBbxg0PeyLFuSQy9evDirCHzSyt8RQvhFE/Q3wEa78Fx7e/vKrq6ucVO6wjn3ItAiIv9V1SWVSmXQHkBXsVjsLxpol/d+j/0njuN9IrLZjm/MmDFjRWdn5zWA4eHhLwAvA63AmIgs9d7/CyBN005V7Qe8U9U9IYTdOTRJkr0issWUvlmv15d3dnZ+YLElWZYdA0rAVWBZuVx+21rzMfv8HwKyG8/NEn8GbLfjP4ClIYSrprQ3y7JTQDvwP+fcsnK5/BbAhQsX7mttbe0H5uZtzVtBHMc/FpHtFvhnoVBY1tPTc9Uu/Cxw0qDvq+oXc2itVusolUpnVXWuoXZ77/c4S/yhiOywwDsTExOf7+npGTOlC4BTwIeBayKyIoqiv1vePVNTU6dVdZ7lPhdC2JVP/weq+hML3O4ajwJnmXaN66r6WBRF/XCna6jqL6Mo2pZ3QOI4zpt8u2s8Yq5xLzAhIiu992fgTtcQkX3e++82tXVn3uO7ucZZg04Cq3PoXVzjd83QJEm+LyK7iiKSNBqNW1zDlM4E6iKy1nt/CqZdY3Jy8oZrAL8PIXwrh6Zpug3YA0wUgcWVSmXUBvWQQT8KTAFf9t6fsAtLzrljwGIr/6D3/uvcXPDfA/Ivd7h5bT4IDDC94Bsiss57/6L1tLWtre1Vbi74F0IIT3NzwW9R1V/nwlW115maW1wD+EoOvYtrHA0hrM+hcRx/Q1X3WaxmxvFvNzw8XHbO9TPtGpmqfi2EcBjudA0ROT42NrYOc400TTeKyG8x12g0GovK5fIwwP8B3DF1BfTENDEAAAAASUVORK5CYII=) repeat-x; margin:0 0 15px; padding:0; position:relative}
.recent-post-title h2{font:normal bold 14px Arial,sans-serif; height:26px; line-height:26px; margin:0 0; padding:0 10px; background:#E73138; color:#fff; display:inline-block; border-right:5px solid #fff}
.recent-post-title h2 a{color:#fff}
.recent-post-title h2 a:after{content:"\f18e"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-left:6px}
.recent-post-one-thumb{float:left; width:49%; margin:0 0}
.recent-post-one-thumb .widget{padding:0 15px 15px 0}
.recent-post-one-thumb .widget-content{background:#fff; border:1px solid #e5e5e5; padding:15px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.recent-post-one-thumb ul{list-style-type:none; margin:0 0 0 0; padding:0 0 0 0}
 ul.rp_thumbs{margin:0 0 0 0}
ul.rp_thumbs li{font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #e5e5e5}
ul.rp_thumbs .rp_thumb{position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:0; padding-bottom:46%; overflow:hidden}
ul.rp_thumbs .rp_thumb img{height:auto; width:100%}
ul.rp_thumbs2{font-size:13px}
ul.rp_thumbs2 li{padding:0 0; min-height:66px; font-size:11px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #e5e5e5}
ul.rp_thumbs2 .rp_thumb2{background:#fbfbfb; float:left; margin:3px 8px 0 0; height:60px; width:60px}
ul.rp_thumbs2 .rp_thumb2 img{height:60px; width:60px}
span.rp_title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif; display:block; margin:0 0 5px; line-height:1.4em}
span.rp_title2{font-size:14px}
span.rp_summary{display:block; margin:6px 0 0; color:#666}
span.rp_meta{background:transparent; display:block; font-size:11px; color:#666}
span.rp_meta a{color:#666 !important; display:inline-block}
span.rp_meta_date, span.rp_meta_comment, span.rp_meta_more{display:inline-block; margin-right:8px}
span.rp_meta_date:before{content:"\f073"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px}
span.rp_meta_comment:before{content:"\f086"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px}
span.rp_meta_more:before{content:"\f0a9"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px}
ul.rp_thumbs2 li a:hover, ul.rp_thumbs li a:hover{color:#0072C6}
 #bottombar{background:#454545; border-top:6px solid #e5e5e5; overflow:hidden; margin:0 auto; padding:15px; color:#ddd}
#bottombar .left{float:left; width:34%}
#bottombar .center{float:left; width:34%}
#bottombar .right{float:right; width:32%}
#bottombar .left .widget, #bottombar .center .widget{margin:0 15px 15px 0}
#bottombar .right .widget{margin:0 0 15px 0}
#bottombar h2{font:normal bold 13px Arial,sans-serif; margin:0 0 10px 0; padding:6px 0; border-bottom:2px solid #555; text-transform:uppercase; position:relative; color:#eee}
#bottombar h2:after{content:""; width:90px; height:0px; position:absolute; left:0; bottom:-2px; border-bottom:2px solid #eee}
#bottombar ul, #bottombar ol{list-style-type:none; margin:0 0 0 0; padding:0 0 0 0}
#bottombar li{margin:5px 0; padding:0 0 0 0}
#bottombar ul li:before{color:#eee !important}
#bottombar a{color:#ddd}
#bottombar a:hover{color:#fff}
 #footer-wrapper{background:#333; margin:0 auto; padding:20px 5px; overflow:hidden; color:#eee; font-size:11px; border:1px solid #e5e5e5; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px}
.footer-left{float:left; margin:10px}
.footer-right{float:right; margin:10px}
#footer-wrapper a{color:#eee}
#footer-wrapper a:hover{color:#fff}
 .widget ul{line-height:1.4em}
 .set, .panel{margin:0 0}
.tabs .panel{padding:0 0}
.tabs-menu{border-bottom:3px solid #fff; padding:0 0; margin:0 0}
.tabs-menu li{font:normal bold 12px Arial,sans-serif; display:inline-block; *display:inline; zoom:1; margin:0 3px 0 0; padding:10px; background:#333; border:1px solid #e5e5e5; border-bottom:none !important; color:#fff; cursor:pointer; position:relative; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.tabs-menu .active-tab{background:#3690D4; border:1px solid #3690D4; border-bottom:none !important; color:#fff}
.tabs-content{padding:10px 0}
.tabs-content .widget li{float:none !important; margin:5px 0}
.tabs-content .widget ul{overflow:visible}
 .label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5{font-size:100%; filter:alpha(100); opacity:10}
.cloud-label-widget-content{text-align:left}
.label-size{background:#E73037; display:block; float:left; margin:0 3px 3px 0; color:#fff; font-size:11px; text-transform:uppercase}
.label-size a, .label-size span{display:inline-block; color:#fff !important; padding:6px 8px; font-weight:bold}
.label-size:hover{background:#333}
.label-count{white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333; color:#fff !important}
.label-size{line-height:1.2}
 .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img{margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px}
.PopularPosts ul{margin:.5em 0; list-style:none; color:black; counter-reset:num}
.PopularPosts ul li img{display:block; margin:0 .5em 0 0; width:50px; height:50px; float:left}
.PopularPosts ul li{background-color:#eee; margin:0 10% .4em 0 !important; padding:.5em 1.5em .5em .5em !important; counter-increment:num; position:relative}
.PopularPosts ul li:before, .PopularPosts ul li .item-title a, .PopularPosts ul li a{font-weight:bold; color:#000 !important; text-decoration:none}
.PopularPosts ul li:before{content:counter(num) !important; display:block; position:absolute; background-color:#333; color:#fff !important; width:22px; height:22px; line-height:22px; text-align:center; top:0px; right:0px; padding-right:0px !important}
 .PopularPosts ul li:nth-child(1){background-color:#A51A5D; margin-right:1% !important}
.PopularPosts ul li:nth-child(2){background-color:#F53477; margin-right:2% !important}
.PopularPosts ul li:nth-child(3){background-color:#FD7FAA; margin-right:3% !important}
.PopularPosts ul li:nth-child(4){background-color:#FF9201; margin-right:4% !important}
.PopularPosts ul li:nth-child(5){background-color:#FDCB01; margin-right:5% !important}
.PopularPosts ul li:nth-child(6){background-color:#DEDB00; margin-right:6% !important}
.PopularPosts ul li:nth-child(7){background-color:#89C237; margin-right:7% !important}
.PopularPosts ul li:nth-child(8){background-color:#44CCF2; margin-right:8% !important}
.PopularPosts ul li:nth-child(9){background-color:#01ACE2; margin-right:9% !important}
.PopularPosts ul li:nth-child(10){background-color:#94368E; margin-right:10% !important}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}
.profile-img{display:inline; opaciry:10; margin:0 6px 3px 0}
 #back-to-top{background:#E73037; color:#fff; padding:8px 10px; font-size:24px}
.back-to-top{position:fixed !important; position:absolute; bottom:20px; right:20px; z-index:999}
 .related-post{margin:15px 0 0; border-top:1px solid #f0f0f0; padding:15px 0 0}
.related-post h4{font-size:14px; margin:0 0 .5em; text-transform:uppercase}
.related-post-style-2{margin:0 0 0 0 !important; padding:0 0 0 0 !important; list-style:none}
.related-post-style-2 li{margin:0 0 0 0; padding:0 0 0 0}
.related-post-style-2 li{padding:5px 0 !important; border-top:1px solid #eee; overflow:hidden}
.related-post-style-2 .related-post-item-thumbnail{width:60px; height:60px; max-width:none; max-height:none; background-color:transparent; border:none; padding:0; float:left; margin:2px 8px 0 0}
.related-post-style-2 .related-post-item-title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif}
.related-post-style-2 .related-post-item-summary{display:block; overflow:hidden}
.related-post-style-2 .related-post-item-more{}
 .share-buttons-box{height:67px; background:url(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/s1600/share.png) no-repeat 330px 10px; margin:20px 0 15px; overflow:hidden}
.share-buttons{margin:0 0; height:67px; float:left}
.share-buttons .share{float:left; margin-right:10px; display:inline-block}
 .status-msg-wrap{font-size:120%; font-weight:bold; width:100%; margin:20px auto}
.status-msg-body{padding:20px 2%; width:96%}
.status-msg-border{border:1px solid #e5e5e5; opacity:10; width:auto}
.status-msg-bg{background-color:#fff}
.status-msg-hidden{padding:20px 2%}
.tabs-content .widget ul li:before, .sidebar ul li:before, #bottombar ul li:before{content:"\f061"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:4px; color:#666}
#ArchiveList ul li:before{content:""!important; padding-right:0px !important}
 .fbbox-comments{box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; border:1px solid #e5e5e5; margin:0 0 20px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
.related-post-style-2 li:first-child{border-top:none}
.fb-comments{width:100% !important}
.fb-comments iframe[style]{width:100% !important}
.fb-like-box{width:100% !important}
.fb-like-box iframe[style]{width:100% !important}
.fb-comments span{width:100% !important}
.fb-comments iframe span[style]{width:100% !important}
.fb-like-box span{width:100% !important}
.fb-like-box iframe span[style]{width:100% !important}
.rich-snippet{padding:10px; margin:15px 0 0; border:3px solid #eee; font-size:12px}
 @media only screen and (max-width:1066px){#wrapper{margin:0 auto}
}
@media only screen and (max-width:768px){#wrapper{padding:0 12px}
#post-wrapper, #sidebar-wrapper, #right-post, .nav{float:none; width:100%; max-width:100%}
.active{display:block}
#search-form{width:100%; margin:0 0 0 0 !important}
.nav li ul:before{display:none}
.nav >li{float:none; overflow:hidden}
.nav ul{display:block; width:100%; float:none}
.nav-menu2 li ul{background:#eee; border:none; box-shadow:none}
.nav-menu2 li li ul{background:#f5f5f5}
.nav-menu2 li li a:hover{background:#ddd}
.nav >li.hover >ul, .nav li li.hover ul{position:static}
#search-form{width:100%; background:#444}
#search-form td.search-box{padding:0 10px !important}
#search-form td.search-button{padding:0 10px; width:1%}
#search-form input#search-box[type="text"]{margin:0 0 0 0}
#search-form input#search-button[type="submit"]{margin:0 0 0 0}
.post-body img{max-width:90%}
.img-thumbnail{margin:0 10px 0 0}
.recent-post-one-thumb .widget{padding:0 0 10px 0}
#recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget{padding:0 5px 10px 0}
#recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget{padding:0 0 10px 5px}
.sidebar-container, .post-container{padding:15px 0 0px}
}
@media only screen and (max-width:640px){#wrapper{padding:0 10px}
#post-wrapper, #sidebar-wrapper, #right-post, #bottombar .left, #bottombar .center, #bottombar .right{float:none; width:100%; max-width:100%}
.header, .header-right{margin:10px 0}
.sidebar-container, .post-container{padding:10px 0 0px}
.largebanner .widget, #bottombar{padding:10px}
.post, .breadcrumbs{margin:0 0 10px; padding:10px}
.pagenavi{margin:6px 0 10px}
.recent-post-one-thumb .widget-content{padding:10px}
#bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget{margin:0 0 10px 0}
}
@media only screen and (max-width:480px){#wrapper{padding:0 8px}
.header, .header-right, .recent-post-one-thumb{float:none; width:100%; max-width:100%}
.header img{max-width:160px}
.largebanner .widget, #bottombar{padding:8px}
.post, .breadcrumbs{margin:0 0 8px; padding:8px}
.recent-post-one-thumb .widget-content{padding:8px}
h2.post-title, h1.post-title{font-size:16px}
.img-thumbnail, .img-thumbnail img,{width:120px; height:90px}
.img-thumbnail{margin:0 8px 0 0}
#recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-5 .widget, #recent-post-one-thumb-6 .widget{padding:0 0 8px 0}
.comments .comment-block, .comments .comments-content .inline-thread{padding:10px !important}
.comment .comment-thread.inline-thread .comment{margin:0 0 0 0 !important}
.footer-left, .footer-right{float:none; text-align:center}
}
@media screen and (max-width:320px){#right-post{margin:0 0 0 0px; width:294px}
#wrapper{padding:0 6px}
.post, .breadcrumbs{padding:6px}
.recent-post-one-thumb .widget-content{padding:6px}
.img-thumbnail, .img-thumbnail img{width:100px; height:80px}
}
.showpageArea a{clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase}
.showpageNum a{padding:6px 10px; margin-right:3px; display:inline-block; color:#333; background-color:#fff; border:1px solid #ddd}
.showpageNum a:hover{border:1px solid #aaa}
.showpagePoint{padding:6px 10px; margin-right:3px; display:inline-block; color:#333; background-color:#fff; border:1px solid #aaa}
.showpageOf{display:none}
.showpage a{padding:6px 10px; margin-right:3px; display:inline-block; color:#333; background-color:#fff; border:1px solid #ddd}
.showpage a:hover{border:1px solid #aaa}
.showpageNum a:link, .showpage a:link{text-decoration:none; color:#666}
.button{text-align:center; width:100%; margin:10px 0; padding:0; font-size:14px; font-family:'Tahoma',Geneva,Sans-serif; color:#fff; margin-left:0em !important}
.button ul{margin:0; padding:0}
.button li{display:inline-block; margin:10px 0; padding:0}
.demo{border-radius:3px; padding:8px 12px; background:#e74c3c; color:#fff !important; transition:background-color 1s 0s ease-out}
.download{border-radius:3px; padding:8px 12px; background:#3498db; color:#fff !important; transition:background-color 1s 0s ease-out}
.buton a{color:#fff}
.demo:hover{background:#c0392b; color:#fff}
.download:hover{background:#2980b9; color:#fff}
.download:before{content:"\f019"; font-family:FontAwesome; font-weight:normal; padding:8px; background:#2980b9; margin-left:-12px; margin-right:6px; border-radius:3px 0 0 3px; font-size:16px}
.demo:before{content:"\f06e"; font-family:FontAwesome; font-weight:normal; padding:8px; background:#c0392b; margin-left:-12px; margin-right:6px; border-radius:3px 0 0 3px; font-size:16px}
#Attribution1{height:0px; visibility:hidden; display:none}
.youtube-box, .youtube-frame{display:block; width:500px;  height:343px;  background-color:black; background-size:100%; position:relative; border:none; margin:0px auto 15px}
.youtube-box span{display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px}
.youtube-box .youtube-title{background-color:rgba(0,0,0,0.4); font:bold 15px Verdana,Arial,Sans-Serif; color:white; text-shadow:0px 1px 2px black; bottom:auto; line-height:30px; height:30px; overflow:hidden; padding:0px 15px}
.youtube-box .youtube-bar{background:black url('http://4.bp.blogspot.com/-7keKvgPlMUA/T7vJpi3X_YI/AAAAAAAACtw/4OUd7uHadDk/s1600/yt-bar-center.png') repeat-x top; height:35px; top:auto}
.youtube-box .youtube-bar .yt-bar-left{background:transparent url('http://4.bp.blogspot.com/-WL_y2cwe57k/T7xHS3C8tTI/AAAAAAAACug/xIqhenfa-4o/s1600/yt-bar-left.png') no-repeat top left; z-index:4; cursor:pointer}
.youtube-box .youtube-bar .yt-bar-right{background:transparent url('http://1.bp.blogspot.com/-DCNevn4jQx0/T7vJt3X3pjI/AAAAAAAACuA/uIKxoT3685M/s1600/yt-bar-right.png') no-repeat top right}
.youtube-box .youtube-play{cursor:pointer; width:83px; height:56px; top:50%; left:50%; margin:-28px 0px 0px -42px; background:transparent url('http://1.bp.blogspot.com/-JVqaIffy7Ws/T7vK4-ya81I/AAAAAAAACuI/UCL8Y7G4DqE/s1600/yt-play.png') no-repeat top left}
.youtube-box .youtube-play:hover{background-position:bottom left}
.sticky{position:fixed; top:10px;  z-index:100}
h1, h2, h3, h4, h5, h6{font-family:'Oswald',Arial,serif; font-weight:300}
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'/>